<template>
  <div class="result">
    <img class="icon" src="../../assets/images/payed.png">
    <h1 class="message">订单支付成功！</h1>
    <router-link class="link" :to="'/order/orderInfo?orderId=' + $route.query.orderId">查看订单详情<i class="el-icon-d-arrow-right"></i></router-link>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  }
}
</script>

<style lang="scss" scoped>
@import '@/assets/scss/basic.scss';
.result {
  margin: 60px auto;
  width: 1200px;
  height: 260px;
  text-align: center;
  background: url(../../assets/images/result-bg.png) right top no-repeat;
  border: solid 1px $border_color;
  .icon {
    margin: 50px auto 0;
  }
  .message {
    margin: 20px 0;
    padding-left: 20px;
    font-size: 24px;
    color: $red;
  }
  .link {
    padding-left: 20px;
    color: $font_blue;
  }
}
</style>
